<template>
    <div class="home-page-wrap">
        <div class="hello-text">
            <h1 >欢迎使用<br/>智慧文旅</h1>
            <div class="btn" @click="$router.push('/personResidence/yzPersonResidence')">立即使用</div>
        </div>
    </div>
</template>

<script>
</script>

<style lang="less" scoped>
    .home-page-wrap{
        width: 100%;
        height: calc(100vh - 140px);
        background: #fff url('../../assets/home-bg.png') right bottom no-repeat;
        background-size:66%;
        position: relative;
    }

    .hello-text{
        //padding:
        position: absolute;
        left: 120px;
        top:50%;
        margin-top: -150px;

        h1{
            font-weight: bold;
            font-size: 54px;
            color: #002876;

        }

        .btn{
            width: 310px;
            height: 80px;
            line-height: 80px;
            margin-top: 40px;
            font-size: 32px;
            text-align: center;
            color: #fff;
            background: #1890FF;
            border-radius: 50px;
            cursor: pointer;
        }
    }

</style>